﻿@model ActionTrackerEntities.Accion
@{
    ViewBag.Title = "Nueva Acción | Action Tracker";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section script
{
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>        
    <script src="@Url.Content("~/Scripts/jquery.ui.datepicker-es.js")" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#FechaInicio').datepicker({
                onSelect: function (selectedDate) {
                    $("#FechaVencimiento").datepicker("option", "minDate", selectedDate);
                }
            });
            $('#FechaVencimiento').datepicker({
                onSelect: function (selectedDate) {
                    $("#FechaInicio").datepicker("option", "maxDate", selectedDate);
                }
            });

            jQuery.validator.addMethod(
	            "dateEs",
	            function (value, element) {
	                var check = false;
	                var re = /^\d{1,2}\/\d{1,2}\/\d{4}$/;
	                if (re.test(value)) {
	                    var adata = value.split('/');
	                    var mm = parseInt(adata[0], 10);
	                    var dd = parseInt(adata[1], 10);
	                    var yyyy = parseInt(adata[2], 10);
	                    var xdata = new Date(yyyy, mm - 1, dd);
	                    if ((xdata.getFullYear() == yyyy) && (xdata.getMonth() == mm - 1) && (xdata.getDate() == dd))
	                        check = true;
	                    else
	                        check = false;
	                } else
	                    check = false;
	                return this.optional(element) || check;
	            },
	            "La fecha debe tener el formato dd/mm/aaaa"
            );
            
//            jQuery.validator.addMethod("dateRange", function() {
//                var date1 = new Date(jQuery("#FechaInicio").val());
//                var date2 = new Date(jQuery("#FechaVencimiento").val());
//                return (date1 < date2);
//            }, "Error en el rango de fechas.");

            $("#createForm").validate({
                rules: {
                    FechaDesde: {
                        dateEs: true
                    },
                    FechaHasta: {
                        dateEs: true
                    }
                }
            });

        });
    </script>
}

@using (Html.BeginForm("Create","Accion",FormMethod.Post, new{ @id = "createForm"}))
{
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>Nueva Acción</legend>

         
        <div class="control-group">
            @Html.LabelFor(model => model.FechaInicio)
            <div class="controls">
                @Html.EditorFor(model => model.FechaInicio)
                @Html.ValidationMessageFor(model => model.FechaInicio)
            </div>
        </div>
        
        <div class="control-group">
             @Html.LabelFor(model => model.FechaVencimiento)
            <div class="controls">
               @Html.EditorFor(model => model.FechaVencimiento)
            @Html.ValidationMessageFor(model => model.FechaVencimiento)
            </div>
        </div>

        
        <div class="control-group">
            @Html.LabelFor(model => model.IdUsuario)
            <div class="controls">
                @Html.DropDownListFor(model => model.IdUsuario, new SelectList(ViewBag.Usuarios,"IdUsuario","Nombre"), "(Seleccione)")
                @Html.ValidationMessageFor(model => model.IdUsuario)
            </div>
        </div>
        
        <div class="control-group">
            @Html.LabelFor(model => model.IdReunion)
            <div class="controls">
                @Html.DropDownListFor(model => model.IdReunion, new SelectList(ViewBag.Reuniones,"IdReunion","Descripcion"), "(Seleccione)")
                @Html.ValidationMessageFor(model => model.IdReunion)
            </div>
        </div>
        
        <div class="control-group">
            @Html.LabelFor(model => model.Descripcion)
            <div class="controls">
                @Html.TextAreaFor(model => model.Descripcion)
                @Html.ValidationMessageFor(model => model.Descripcion)
            </div>
        </div>

       
        <p>
            <input type="submit" value="Guardar" class="btn btn-primary"/>
        </p>
    </fieldset>
}
<div>
    @Html.ActionLink("Volver", "Index")
</div>
